CSS GridとFlexboxの使い分け
FlexboxとCSS Gridの使い分け方、よく見かけるUIコンポーネントをFlexboxとGridで実装するテクニックのまとめ | コリス
コンポーネントの子アイテムをどのように表示するか？ インラインにするか、列と行にするか？
コンポーネントはさまざまなスクリーンサイズでどのように機能することが期待されるか？
コンポーネントのすべての子アイテムをインラインで表示する場合は、Flexboxが最適解
子アイテムを列と行に配置する場合は、CSS Gridが最適解